<!DOCTYPE html>
<html lang="en">

<head>
    <embed src="music/丁香花.mp3" autostart="true" loop="loop" hidden="true">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>紫色丁香</title>
    <link rel="icon" href="img/logo.ico" type="image/x-icon">
    <link rel="shortcut icon" href="img/logo.ico" type="image/x-icon">
    <link rel="bookmark" href="img/logo.ico" type="image/x-icon">
    <style>
        body {
            background-image: url(img/繁星.jpg);
            background-repeat: no-repeat;
            background-attachment: fixed;
            background-position: center 0;
            background-size: cover;
            font-family: "楷体";
            font-weight: 700;
            cursor: default;
        }
        
        .box {
            padding-top: 30px;
            margin: 0;
            background-color: rgba(0, 0, 0, 0.5);
        }
        
        div {
            margin-bottom: 50px;
            margin-left: 10px;
            margin-right: 10px;
            color: rgba(255, 255, 255, 0.8);
            text-shadow: 0.5px 0.5px 0.5px rgba(0, 0, 0, 0.3);
            font-size: 20px;
        }
        
        p {
            text-indent: 2em;
            line-height: 50px;
        }
    </style>
</head>

<body>
    <div class="box">
        <div>
            <a href="javascript:void(0);" style="text-decoration: none;">
                <h2 style="text-align: center;" id="h2">紫色丁香</h2>
            </a>
            <p>
                风，又带着熟悉的气味吹来，是自然的气息，花草的芬芳，好像，那朵丁香还未开放。
            </p>
            <p>
                那天，阳光正好，像往常一样走在路上，向着下一场旅行出发，不断摇晃的风铃好像在诉说些什么。微风吹过，不远处飘来幽香，随着香味靠近， 是一个简单的小屋，院子里栽着一株还未开放的丁香，也像屋子一样简单、娇小。屋子并没有门，地上落满灰尘，桌椅却很整齐，桌上还有一只 没有水的笔和一本日记……不知不觉，夜幕降临，躺在草地上，看着漫天星光，伴着那一丝淡淡的幽香，进入了梦境。在梦中，竟出现了那朵丁香， 她和我说着以前的事情——
            </p>
            <p>
                这小屋之前的主人很喜欢丁香，每天都采集初晨的露水来滋养、悉心照料他们，她虽然才被栽下不久，但也被细心呵护着。直到有一天，他像往常一样出门了，却再也没有回来。那些花儿因为没有了他的守护，都相继凋谢枯萎，最后只剩下她一个，她靠着那些落红勉强生长到了现在，但她坚信，他一定会回来的，他是多么的喜欢丁香啊，怎么会就这样把他们抛弃在这里呢？她又说了许多，也是关于那些从前的事，那曾经花开满园的繁盛，她和小鸟的故事，还有那个雨季的离别。
            </p>
            <p>
                突然一阵风刮过，梦醒了，还是那片草地，只是繁星悄悄离去。伴着细雨，又来到那个无人之地，只有那株丁香还留在那里。走进那个小院，她好像将要开放，但枯黄干瘪的叶子预示着她可能经不住开放的消耗，猛然想起，那日记中好像提起过处理办法。几天之后，天气回暖，她如重生般的绽放，她的花朵遍布整个枝头，在阳光的照耀下显得更加旺盛，那清正纯洁的花朵啊，多么娇嫩的花，却躲不过风吹雨打，我决定，留下来陪她。
            </p>
            <p>
                打扫了屋子，伴着花香，又进入了梦境。梦中的她变得阳光、快乐，不再像之前那样娇小、哀伤，且依然坚强的等待着他的归来。我也和她说着我旅行的故事，她好像也能体会到我的感受，和我一同经历旅途中的点滴。我也曾有一个伙伴和我一同旅行，她也很喜欢丁香花，她最喜欢向着开满紫色丁香的山上跑去，在花海下舞蹈。她常常和我说，丁香每次开花时，花朵都会布满整片枝头，这代表了丁香的纯真无邪，而每片花瓣都朴素简单，象征着一种素雅与平淡。我想把花摘下送给她，她却说，花儿也是有生命的，没有哪一朵花想要提前凋谢。是啊，没有哪朵花想要提前凋谢，那你呢，为什么你……我再也等不到她了，但我可以陪着你等待着你的那个他。梦境虽然短暂，却如此的真实，夜晚的梦魇一直伴随着我，但自从我来到这个小屋，梦见那株丁香，即使我知道丁香不可能说话，她也不可能回来，但我好像能够在每次的梦境中得到快乐，仿佛她还在我身边。
            </p>
            <p>
                我去把那支笔装满了墨水，将他的日记继续下去。
            </p>
            <p>
                又是一天清晨，我也去往那个山涧，去采集初晨的雨露。山风拂过柳梢，清泉潺潺落下，那水花映出的彩虹与天边的云朵连接在一起，从山上飘落下一片丁香花瓣，在这彩虹之间，又感受到了那份温暖。虽然每天都来到这里，但这里给我的感觉一直都是新鲜的，这里的风景好像能够抚平我的伤痛，给我带来新生般的洗礼。
            </p>
            <p>
                几乎每晚我都能梦见院里那株丁香，见到她的地方都不同，却很熟悉，她还是每天都和我聊着从前的故事。但奇怪的是，她并不想要我在这里陪着她等待，想要我继续我的旅途，但我放心不下她，还是每天在这个小小屋子守候着她。
            </p>
            <p>
                日子一天天过去了，她也慢慢的长大了，她现在已经长得和我差不多高了，日记也快记满一本。在昏昏沉沉中，我又进入了梦境，她又想听我说说关于她的故事。她是个很善良的人，天真无邪，喜欢大自然，喜欢旅途中的各种惊喜，体会旅途的艰辛与快乐，她也十分了解我，在我困难的时候给与所需的帮助。她还经常给我讲一些大道理，什么大道之行啊，天下为公啊，她甚至把房子的门拆了，来表示她对外户而不闭大同世界的向往。她说，要是天下所有人都能够体会他人的辛苦，体谅他人，对陌生人保持一种友好而不是戒备的心理，那这个世界该多美好啊。的确，她就是这样的人，每次旅途中遇到了有困难的人，她都会施以援手，她也相信那些被帮助过的人会将这份帮助传递给更多的人。她总是关心别人，却很少照顾自己。渐渐的，她变得健忘了起来，于是我就开始写日记来帮她记住那些需要帮助的人。我又说起那些有趣的回忆，我们一起向山间，去草原，到沙丘……
            </p>
            <p>
                梦又醒了，一出门，丁香再一次盛开，紫色纯洁的花朵微笑着，香气飘扬在整个山林。我收拾收拾屋子，准备庆祝一下，在一个不起眼的柜子里发现了几本厚厚的日记，那里面记着的却是我和她的故事。在那一瞬间，我好像全都想起来了——原来，我就是这个屋子的主人，在她走后，我一个人搬来了这里，院子里种着她最爱的紫色丁香，每天都悉心照顾着他们，就像以前我照顾她一样，我在这里独自等待着她的归来。如我所愿，她回来了，那梦中的丁香花，应该就是她吧，是她让我回想起以前的事情，让我不要在这里空空等待，去继续我的旅行，去追寻旅途的意义……我看着院子里繁盛的丁香花，笑着哭了。
            </p>
            <p>
                我记得你说过，每逢下雨前，都会有泥土的清香，那为何，每次的离别总是那样匆匆，毫无预兆……我明白了，旅途的终点不是目的，重要的是旅途本身，就像离别，只是一种感觉，真正的故事藏在你我的心中。
            </p>
            <p>
                风还在吹着，我又奔向了那山上的紫色花海。
            </p>
        </div>
    </div>

</body>
<script>
    document.addEventListener('selectstart', function(e) {
        e.preventDefault();
    })


    var change = 3;
    var x = 1;
    var y = 0;
    var z = 0;
    var i = 0;
    var r = 0;
    var g = 0;
    var b = 0;
    var a = 0.8;
    var flag = 1;
    var h2 = document.getElementById("h2")
    timer = setInterval(function() {
        if (flag == 1 && (x == 1)) {
            r += change;
            g += change;
            b += change;
            if (r == 255) {
                flag = 0; //  此时r = 255， g = 255， b = 255
            }
        } else if (flag == 0 && (x == 1)) {
            r -= change;
            g -= change;
            b -= change;
            if (r == 0) {
                flag = 1;
                x = 0;
                y = 1; //此时r = 0， g = 0， b = 0
            }
        }
        if (flag == 1 && (y == 1)) {
            g += change;
            b += change;
            if (g == 255) {
                flag = 0; //此时r = 0， g = 255， b = 255
            }
        } else if (flag == 0 && (y == 1)) {
            r += change;
            g -= change;
            b -= change;
            if (g == 0) {
                flag = 1;
                y = 0;
                z = 1; //此时r = 255， g = 0， b = 0
            }
        }
        if (flag == 1 && (z == 1)) {
            r -= change;
            b += change;
            if (r == 0) {
                flag = 0; //此时r = 0， g = 0， b = 255
            }
        } else if (flag == 0 && (z == 1)) {
            r += change;
            g += change;
            b -= change;
            if (b == 0) {
                flag = 1;
                z = 0;
                i = 1; //此时r = 255， g = 255， b = 0
            }
        }
        if (flag == 1 && (i == 1)) {
            r -= change;
            if (r == 0) {
                flag = 0; //此时r = 0， g = 255， b = 0
            }
        } else if (flag == 0 && (i == 1)) {
            g -= change;
            if (b == 0) {
                flag = 1;
                i = 0;
                x = 1; //此时r = 0， g = 0， b = 0
            }
        }

        h2.style.color = "rgba(" + r + "," + g + "," + b + "," + a + ")";
    }, 50);
</script>

</html>